<!DOCTYPE html>
<html lang="en">
{% extends 'board_app/base.html' %}
<head>
    <meta charset="UTF-8">
    <title>{{ topic.topicName }}</title>
</head>
{% block content %}
<body>
    <h2>{{ topic.topicName }}</h2>
    <p class="lead">{{ topic.topicDescription }}</p>
    <p style="color:darkgrey">话题创建时间：{{ topic.addedTime }}</p>

    <a class="btn btn-primary"
            href="{% url 'board_app:new_post' %}">创建新贴纸</a>

    <ul>
        {% for post in posts %}
            <li>
                <b>{{ post.postTitle }}</b><br>
                <span style="color:darkgrey">{{ post.addedTime }}</span><br>
                {{ post.postContent }}
            </li>
            {% empty %}
                <p class="lead">😶 话题下还没有贴纸，快去贴一张吧~</p>
        {% endfor %}
    </ul>
</body>
{% endblock content %}
</html>